<html>

<head>
<title>{{city_management_Lables["Tax"]}}</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<link rel="stylesheet"
	href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
<script type="text/javascript"
	src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script
	src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
<script type="text/javascript" src="/js/tablesorter.js"></script>
<link rel="stylesheet" type="text/css" href="/css/table.css" />
<script type="text/javascript">
	$(document).ready(function() {
		$("#person-table").tablesorter({
			headers : {
				0 : {
					sorter : false
				}

			}
		});
	});
</script>
</head>
<body>


	<div id="map-div" data-role="page">
		<table id="person-table" data-role="table" data-mode="reflow"
			class="table-stripe">
			<thead>
				<tr>
					<th>{{person_attr_labels["Name"]}}</th>
					<th class="leadership">{{person_attr_labels["Leadership"]}}</th>
					<th class="intelligence">{{person_attr_labels["Intelligence"]}}</th>
				</tr>
			</thead>
			<tbody>
				{%for person in persons%}
				<tr id="{{person.name}}">
					<td align="center">{{person_labels[person.name]}}</td>
					<td align="center">{{person.leadership}}</td>
					<td align="center">{{person.intelligence}}</td>
				</tr>
				{%endfor%}
			</tbody>
		</table>
	</div>

</body>
</html>